<template>
  <div id="app1">
    <UserInfo 
      :username="username" 
      :age="age" 
      :isSingle='isSingle' 
      :car='car' 
      :hobby="hobby"
    ></UserInfo>
  </div>
</template>

<script>
import UserInfo from './components/UserInfo.vue';

export default {
  name: 'App',
  data() {
    return {
      username: '小帅',
      age: 28,
      isSingle: true,
      car: {
        brand: '宝马'
      },
      hobby: ['篮球', '足球', '羽毛球']
    }
  },
  methods: {
  },
  components: {
    UserInfo,
  }

}
</script>

<style></style>